// 通用头部
import styles from './css/header.module.css' ;

interface TProps {
  leftNode?:any;
  children?:any;
  rightNode?:any;
}

const Header = (props:TProps) => {
  const {leftNode,children,rightNode} = props;
  return (
    <div className={styles["app-header"]}>
      <div className={styles["app-header-left"]}>
        <span className={styles["app-header-icon"]}>
          <div style={{width:30,height:30,background:"grey"}}/>
        </span>
        {leftNode}
      </div>
      {children}
      <div className={styles["app-header-right"]}>
        {rightNode}
      </div>
    </div>
  );
}

export default Header ;